<template>
    <!-- 分子公司动态评价列表 -->
    <div class="e-table">
        <div class="top">
            <div class="left">
                <span style="margin-left: 5px">供应商名称:<span></span></span>
            </div>
            <div class="center">
                <span style="margin-left: 5px">合同编号:<span></span></span>
            </div>
            <div class="right">
                <span style="margin-left: 5px">合同名称:<span></span></span>
            </div>
        </div>

        <el-table
            border
            ref="table"
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
            class="table"
            @selection-change="handleSelectionChange"
            @cell-mouse-enter="cellMouseEnter"
            @cell-mouse-leave="cellMouseLeave"
            v-sortTable="{ tableData: tableData, _this: this, ref: 'table' }"
        >
            <el-table-column show-overflow-tooltip label="序号">
            </el-table-column>
            <el-table-column label="评价机构" width="300"> </el-table-column>
            <el-table-column
                prop="year"
                label="结算编号"
                width="200"
                show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
                prop="month"
                label="动态评价星级"
                width="200"
                show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column prop="orgName" label="动态评价结果" width="250">
            </el-table-column>
            <el-table-column
                prop="planDate"
                label="评价人"
                width="200"
                show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
                prop="amount"
                label="评价意见"
                width="150"
                show-overflow-tooltip
            >
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
    data () {
        return {
            tableData: []
        }
    },
    created () {},
    mounted () {},
    methods: {
        cellMouseEnter (row) {
            this.MouseEnterId = row.id
        },
        cellMouseLeave () {
            this.MouseEnterId = 0
        },
        handleSelectionChange (val) {
            this.multipleSelection = val
            console.log(this.multipleSelection)
        },

        //新增按钮
        buttonAdd () {
            this.$router.push('/monthPlanAdd')
        }
    }
}
</script>
<style lang="scss" scoped>
.top {
    display: flex;
    justify-content: space-around;
}
::v-deep.el-table .cell {
    text-align: center;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
    width: 6px; // 横向滚动条
    height: 10px; // 纵向滚动条
}
// 滚动条的滑块
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 5px;
}
</style>
